/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    能源概览    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.EnergyOverview {
  position: relative;
  height: 100%;

  /* ============================== 顶部 ============================== */
  &-top {
    height: 172px;
    box-shadow: none;
  }

  /* ============================== 中部 ============================== */
  &-middle {
    height: calc(50% - 100px);
  }

  /* ============================== 底部 ============================== */
  &-bottom {
    height: calc(50% - 72px);
  }

  /* ============================== 每项 ============================== */
  > div > div {
    height: 100%;
  }

  /* ============================== 图片 ============================== */
  img {
    user-select: none;
    pointer-events: none;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      卡片      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.EnergyOverview .CoreWeb-EasyCard {
  box-shadow: none;

  /* ============================== 标题 ============================== */
  &-panel-title {
    /* —————————————————————————————— 文字和参数 —————————————————————————————— */
    > div {
      position: relative;

      /* ------------------------------ 右侧页签 ------------------------------ */
      > div {
        position: absolute;
        top: 0;
        right: 0;
      }
    }
  }

  /* ============================== 页脚 ============================== */
  &-panel-footer {
    padding-top: 0px;
  }
}
